<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Expires" CONTENT="0">
    <meta http-equiv="Cache-Control" CONTENT="no-cache">
    <meta http-equiv="Pragma" CONTENT="no-cache">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <title>客户经理销售支撑系统</title>
    <link rel="stylesheet" href="../../../template/assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="../../../template/website/css/app.css"/>
    <link rel="stylesheet" href="../../../css/esop_demo_index.css">
    <style>

    </style>
</head>
<body>
<div class="am-g title-line">
    <div class="am-u-sm-10 title">
        <h2 class="am-text-title">
            <img class="china_mobile_icon" src="../../../template/website/images/china_mobile.png">&nbsp;
            客户经理销售支撑系统
        </h2>
    </div>
    <div class="am-u-sm-2 title_right">
        <span onclick="changeMonth_search();"><img class="img_search" src="../../../template/website/images/search_icon.png"></span>
    </div>
</div>
<div class="am-g">
    <div class="am-u-sm-7">
        <span style="color: white">工号:&nbsp;<span id="emp_code"></span></span>
    </div>
    <div  class="am-u-sm-5" style="text-align: right;">
        <span><span style="color: white;">月份:</span>&nbsp;
            <select class="am-selected" data-am-selected="{btnWidth: '55',btnSize: 'sm'}" id="month_select" name="month_select">
            </select>
        </span>
    </div>
</div>

<div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{
"controlNav":true,
"directionNav":false,
"slideshowSpeed":0,
"playAfterPaused":1000,
"animationSpeed":600,
"pauseOnHover":false,
"pauseOnAction":true,
"animationLoop":false,
"slideshow":false
}'>
    <ul class="am-slides">
        <li>
            <div>
                <div class="am-g">
                    <div class="am-u-sm-12" id="container">
                    </div>
                </div>
                <div class="am-g">
                    <div class="am-u-sm-12">
                        <table class="am-table " id="table_colnum_data" style="color: white;">
                        </table>
                        <script type="text/x-handlebars-template" id="table_colnum_data_tpl">
                            <tr>
                                <td>集团成员统付</td>
                                <td>{{group_member}}万元</td>
                                <td class='td-center td-back-img-f'>
                                    {{group_member_tb.value_num}}%
                                    {{#if group_member_tb.value_up}}
                                        <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}
                                </td>
                                <td  class='td-center  td-back-img-s'>
                                    {{group_member_hb.value_num}}%
                                    {{#if group_member_hb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}
                                </td>
                            </tr>
                            <tr>
                                <td>集团单位产品</td>
                                <td>{{group_unit_product}}万元</td>
                                <td  class='td-center'>
                                    {{group_unit_product_tb.value_num}}%
                                    {{#if group_unit_product_tb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}
                                </td>
                                <td class='td-center'>
                                    {{group_unit_product_hb.value_num}}%
                                    {{#if group_unit_product_hb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}</td>
                            </tr>
                            <tr>
                                <td>4G用户数</td>
                                <td>{{four_g_number}}</td>
                                <td  class='td-center'>
                                    {{four_g_number_tb.value_num}}%
                                    {{#if four_g_number_tb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}
                                </td>

                                </td>
                                <td class='td-center'>
                                    {{four_g_number_hb.value_num}}%
                                    {{#if four_g_number_hb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}
                                </td>
                            </tr>
                            <tr>
                                <td>4G渗透率</td>
                                <td>{{four_g_permeate}}%</td>
                                <td  class='td-center'>
                                    {{four_g_permeate_tb.value_num}}%
                                    {{#if four_g_permeate_tb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}
                                </td>
                                <td class='td-center'>
                                    {{four_g_permeate_hb.value_num}}%
                                    {{#if four_g_permeate_hb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}
                                </td>
                            </tr>
                        </script>
                    </div>
                </div>
                <div class="am-g">
                    <div class="am-u-sm-12" id="table_data_white" style="background-color: white;">
                        <table class="am-table am-table-bd" id="table_colnum_data_2">
                        </table>
                        <script type="text/x-handlebars-template" id="table_colnum_data_2_tpl">
                            <tr>
                                <td><span class='span-font-gray'>集团总数</span></td>
                                <td><span class='span-font-gray'>成员总数</span></td>
                            </tr>
                            <tr>
                                <td><span class="big-font">{{group_total}} </span><span class='span-font-gray'>家</span></td>
                                <td><span class="big-font">{{member_total}} </span><span class='span-font-gray'>户</span></td>
                            </tr>
                            <tr>
                                <td><span class='span-font-gray'>集团欠费</span></td>
                                <td><span class='span-font-gray'>终端营销案到期</span></td>
                            </tr>
                            <tr>
                                <td><span class="big-font">{{group_arrearage}} </span><span class='span-font-gray'>家</span></td>
                                <td><span class="big-font">{{terminal_overdue}} </span><span class='span-font-gray'>户</span></td>
                            </tr>
                        </script>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <div>
                <div class="am-g">
                    <div class="am-u-sm-12" id="container_next">
                    </div>
                </div>
                <div class="am-g">
                    <div class="am-u-sm-12" id="table_data_next">
                        <table class="am-table am-table-bd" id="pie_table" style="color: white;">
                        </table>

                        <script type="text/x-handlebars-template" id="pie_table_tpl">
                            <tr>
                                <td>集团专线</td>
                                <td>{{group_sole_line}}万元</td>
                                <td class='td-center td-back-img-f'>
                                    {{group_sole_line_tb.value_num}}%
                                    {{#if group_sole_line_tb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}

                                </td>
                                <td class='td-center td-back-img-s'>
                                    {{group_sole_line_hb.value_num}}%
                                    {{#if group_sole_line_hb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}

                                </td>
                            </tr>
                            <tr>
                                <td>集团电话</td>
                                <td>{{group_phone}}万元</td>
                                <td  class='td-center'>
                                    {{group_phone_tb.value_num}}%
                                    {{#if group_phone_tb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}

                                </td>
                                <td  class='td-center'>
                                    {{group_phone_hb.value_num}}%
                                    {{#if group_phone_hb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}

                                </td>
                            </tr>
                            <tr>
                                <td>IDC</td>
                                <td>{{IDC}}万元</td>
                                <td  class='td-center'>
                                    {{IDC_tb.value_num}}%
                                    {{#if IDC_tb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}

                                </td>
                                <td  class='td-center'>

                                    {{IDC_hb.value_num}}%
                                    {{#if IDC_hb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}

                                </td>
                            </tr>
                            <tr>
                                <td>物联网</td>
                                <td>{{IOT}}万元</td>
                                <td  class='td-center'>
                                    {{IOT_tb.value_num}}%
                                    {{#if IOT_tb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}

                                </td>
                                <td  class='td-center'>
                                    {{IOT_hb.value_num}}%
                                    {{#if IOT_hb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}


                                </td>
                            </tr>
                        </script>
                    </div>
                </div>
                <div class="am-g">
                    <div class="am-u-sm-12" id="table_data_white_next" style="background-color: white;">
                        <table class="am-table am-table-bd" id="pie_table_2">
                        </table>
                        <script type="text/x-handlebars-template" id="pie_table_2_tpl">
                            <tr>
                                <td><span class='am-badge am-badge-primary am-round am-text-sm'>4G营销</span></td>
                                <td><span class='span-font-gray'>成员数(人)</span></td>
                                <td><span class='span-font-gray'>渗透率</span></td>
                                <td><span class='span-font-gray'>同比</span></td>
                            </tr>
                            <tr>
                                <td>USMI集团成员</td>
                                <td>{{USMI_member}}</td>
                                <td>{{USMI_permeate}}%</td>
                                <td>
                                    {{USMI_tb.value_num}}%
                                    {{#if USMI_tb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}

                                </td>
                            </tr>
                            <tr>
                                <td>4G终端集团成员</td>
                                <td>{{four_g_terminal}}</td>
                                <td>{{four_g_terminal_permeate}}%</td>
                                <td>
                                    {{four_g_terminal_tb.value_num}}%
                                    {{#if four_g_terminal_tb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}
                                </td>
                            </tr>
                            <tr>
                                <td>4G套餐成员</td>
                                <td>{{four_g_assemble}}</td>
                                <td>{{four_g_assemble_permeate}}%</td>
                                <td>
                                    {{four_g_assemble_tb.value_num}}%
                                    {{#if four_g_assemble_tb.value_up}}
                                    <span style="color:green">↑</span>
                                    {{else}}
                                    <span style="color:crimson">↓</span>
                                    {{/if}}
                                </td>
                            </tr>
                        </script>

                    </div>
                </div>

            </div>
        </li>
    </ul>
</div>
<div class="am-g navigation">
    <div class="am-u-sm-3">
        <span onclick="navigation('客户管理')">
            <img src="../../../template/website/images/user@2x.png"  class="icon_img" ><br>
            <span>客户管理</span>
        </span>
    </div>
    <div class="am-u-sm-6">
        <span onclick="navigation('业务办理')">
            <img src="../../../template/website/images/business@2x.png" class="icon_img"><br>
            <span>业务办理</span>
        </span>
    </div>
    <div class="am-u-sm-3">
        <span onclick="navigation('工作管理')">
            <img src="../../../template/website/images/work@2x.png"  class="icon_img"><br>
            <span>工作管理</span>
        </span>
    </div>
</div>
<div class="hr_line"></div>
<div class="am-g navigation">
    <div class="am-u-sm-3">
        <span onclick="navigation('首页')">
            <img src="../../../template/website/images/home-blue@2x.png"  class="icon_img"><br>
            <span>首页</span>
        </span>
    </div>
    <div class="am-u-sm-3">
        <span onclick="navigation('工作提醒')">
            <img src="../../../template/website/images/bell-grey@2x.png" class="icon_img"><br>
            <span>工作提醒</span>
        </span>
    </div>
    <div class="am-u-sm-3">
        <span onclick="navigation('公告')">
            <img src="../../../template/website/images/mail-grey@2x.png"  class="icon_img"><br>
            <span>公告</span>
        </span>
    </div>
    <div class="am-u-sm-3">
        <span onclick="navigation('更多')">
            <img src="../../../template/website/images/more-grey@2x.png" class="icon_img"><br>
            <span>更多</span>
        </span>
    </div>
</div>
<script type="text/javascript" src="../../../template/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/amazeui.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/handlebars.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/amazeui.widgets.helper.min.js"></script>
<script type="text/javascript" src="../../../template/website/js/app.js"></script>

<script type="text/javascript" src="../../../ueditor/third-party/highcharts/highcharts.js"></script>
<script type="text/javascript" src="../../../template/website/js/goventerprise/esop_demo/esop_demo_index_data.js"></script>
<script type="text/javascript" src="../../../template/website/js/goventerprise/esop_demo/esop_demo_index.js"></script>
<link rel="stylesheet" href="../../../template/assets/css/font-awesome.css">

</body>
</html>